<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link rel="stylesheet" href="../jquery-ui-1.10.2/themes/base/jquery-ui.css">
    <link rel="stylesheet" href="../iconfunt/iconfont.css">
    <link rel="stylesheet" href="../css/detailsmusic.css">
    <script src="../jquery-ui-1.10.2/jquery-1.9.1.js"></script>
    <script src="../jquery-ui-1.10.2/ui/jquery-ui.js"></script>
    <script src="../js/bootstrap.js"></script>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../sass/index.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../jquery-ui-1.10.2/themes/base/jquery-ui.css">
	<link rel="stylesheet" href="../css/bootstrap.css">
	<link rel="stylesheet" href="../jquery-ui-1.10.2/themes/base/jquery-ui.css">
	<link rel="stylesheet" href="../iconfunt/iconfont.css">
	<link rel="stylesheet" href="../css/detailsmusic.css">
	<link rel="stylesheet" href="../css/styles.css">
	<script src="../jquery-ui-1.10.2/jquery-1.9.1.js"></script>
	<script src="../jquery-ui-1.10.2/ui/jquery-ui.js"></script>
    <title>Document</title>
    <style>
        .div1 {
            background-color: rgba(0, 0, 0, 0.05);
        }

        .head_center {
            width: auto;
            max-width: 1200px;
            height: 48px;
            margin: 0 auto;
            border: 0;

        }

        .main-logo img {
            display: inline-block;
            width: 50px;
            height: 48px;
            margin: 0;
            float: left;
        }

        .website-name {
            color: #191919;
            font-size: 16px;
            font-weight: 700;
            margin: 0;
            font-size: 10px;
            line-height: 1;
            margin-top: 19px;
            margin-left: 8px;
            display: inline-block;
            float: left;
        }
        .logout{
            display: none;
        }
        body{
            background: url("../images/bjmzc.jpg");
        }
    </style>
</head>

<body>
    <nav>
        <div class="banxin">
            <main class="s-sub">
                <ul>
                    <li><a href="http://172.168.20.103/HUAWEI/ALL/index.html">首页</a></li>
                    <li><a href="#">华为官网</a></li>
                    <li><a href="">花粉俱乐部</a></li>
                    <li><a href="">V码(优购码)</a></li>
                    <li><a href="#">企业购</a></li>
                    <li><a href="#">Select Regjon</a></li>


                    <li class="gdjc"><a href="#">更多精彩

                            <ul class="gd-ul">
                                <li>EMUI</li>
                                <li>市场应用</li>
                                <li>升为终端云空间</li>
                                <li>开发者联盟</li>
                            </ul>

                    </li>
                    </a>
                </ul>
            </main>
            <main class="s-main">
                <li><a href="logon.html">请登录</a></li>
                <li class="logout"><a href="javascript:document.cookie='phone=;expires=Thu, 01 Jan 1970 00:00:00 UTC;';location='index.html'">退出登录</a></li>
                <li><a href="parking.html">注册</a></li>
                <li><a href="">我的订单</a></li>
                <li class="s-main-lis"><a href="#">客户服务
                        <ul>
                            <li>服务中心</li>
                            <li>联系客服</li>
                        </ul>
                    </a></li>
                <li class="s-main-lis2"><a href="">网站导航
                        <!-- <div class="div1">
                    <article>
                        
                    </article>
                    <article></article>
                    <article></article>
                    <article></article>
                    <article></article>
                </div> -->
                    </a></li>
                <li><a href="">手机导航</a></li>
                <li><a href="#">购物车<span>(0)</span></a></li>

            </main>
        </div>
    </nav>


   


    <div class="music-lgin">

        <div class="music-lgin-all">
            <!--左手-->
            <div class="music-lgin-left ovhd">
                <div class="music-hand">
                    <div class="music-lgin-hara"></div>
                    <div class="music-lgin-hars"></div>
                </div>
            </div>

            <!--脑袋-->
            <div class="music-lgin-dh">
                <div class="music-lgin-alls">
                    <div class="music-lgin-eyeleft">
                        <div class="music-left-eyeball yeball-l"></div>
                    </div>
                    <div class="music-lgin-eyeright">
                        <div class="music-right-eyeball yeball-r"></div>
                    </div>
                    <div class="music-lgin-cl"></div>
                </div>
                <!--鼻子-->
                <div class="music-nose"></div>
                <!--嘴-->
                <div class="music-mouth music-mouth-ds"></div>
                <!--肩-->
                <div class="music-shoulder-l">
                    <div class="music-shoulder"></div>
                </div>
                <div class="music-shoulder-r">
                    <div class="music-shoulder"></div>
                </div>
                <!--消息框-->
                <div class="music-news">来了,老弟！</div>
            </div>

            <!--右手-->
            <div class="music-lgin-right ovhd">
                <div class="music-hand">
                    <div class="music-lgin-hara"></div>
                    <div class="music-lgin-hars"></div>
                </div>
            </div>

        </div>

        <!--1-->
        <form id="form" action="http://172.168.20.103/HUAWEI/ALL/allphp.php" method="POST">
            <div class="music-lgin-text">
                <input name="phone" class="inputname inputs" type="text" placeholder="电话" /><span></span>
            </div>
            <!--2-->
            <div class="music-lgin-text">
                <input name="pwd" type="password" class="mima inputs" placeholder="密码" />
            </div>
            <!--3-->
            <div class="music-lgin-text">
                <input type="hidden" name="hide" value="logon" />
                <input class="music-qd inputs" type="submit" value="确定" />
            </div>
        </form>


    </div>
    <script text="javascript">

        //眼睛 密码部分
        $(".mima").focus(function () {
            $(".music-lgin-left").addClass("left-dh").removeClass("rmleft-dh");
            $(".music-lgin-right").addClass("right-dh").removeClass("right-rmdh");
            $(".music-hand").addClass("no");
        }).blur(function () {
            $(".music-lgin-left").removeClass("left-dh").addClass("rmleft-dh");
            $(".music-lgin-right").removeClass("right-dh").addClass("right-rmdh");
            $(".music-hand").removeClass("no");

        })
        //点击小人出来
        $(".inputname").focus(function () {
            $(".music-lgin-all").addClass("block");
            $(".music-news").addClass("no")
        })
        //点击小人消失

        //          $(".music-qd").focus(function(){
        //          	$(".music-lgin-all").removeClass("block")
        //          })


        //提交

        // $(".music-qd").click(e => {
        //     console.log($(".inputname").val())
        //     console.log($(".mima").val())
        //     $.ajax({
        //         url: "http://172.168.20.103/HUAWEI/ALL/allphp.php",
        //         data: `hide='logon'&phone='${$(".inputname").val()}'&pwd='${$(".mima").val()}'`,
        //         dataType: "JSONP",
        //         success:data=>{
        //             console.log(data)
        //         }

        //     })
        // })
        form.onsubmit = (e) => {
           if($(".inputname").val()==""||$(".mima").val()==""){
               return false;
           }
        }

    </script>
</body>

</html>